/* 可滑动导航区域*/
#nav{
    width: 10rem /* 375/37.5 */;
    background: #fff;
    margin-bottom: 5px;
    height: .93rem /* 35/37.5 */;
    .marsk::-webkit-scrollbar {display:none} 


    .marsk{
        overflow-x: scroll;
        // overflow: hidden;
        width: 9.33rem /* 350/37.5 */;
        height: .93rem /* 35/37.5 */;
        margin-left: .53rem /* 20/37.5 */;
        margin-right :50px; ;

        .navList{
            height: .93rem /* 35/37.5 */;
             width: 24.27rem /* 910/37.5 */;
             left: -.8rem /* 30/37.5 */;
            position: relative;
            overflow: hidden;
            float: left;
            // transition: none 0s ease 0s;

            li{
                height: .93rem /* 35/37.5 */;
                float: left;
                line-height: .93rem /* 35/37.5 */;
                // margin-bottom: .13rem /* 5/37.5 */;
                width: 1.87rem /* 70/37.5 */;
                box-sizing: border-box;
                color: black;
                text-align: center;
                transition-property: all;
                transition-duration: .5s;
                transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
            }

        }

    }
}

.active{
    color: red !important;
}
/*内容可视区*/
#product{
    .info{
        width: 10rem /* 375/37.5 */;
        list-style: none;
        margin-bottom: .27rem /* 10/37.5 */;
        li{
            width: 10rem /* 375/37.5 */;
            display: flex;
            // padding: .27rem /* 10/37.5 */ .21rem /* 8/37.5 */;
            background: #fff;
            margin-bottom: .13rem /* 5/37.5 */;
          
         
            .images{
                
                display: inline-block;
                width: 3.47rem /* 130/37.5 */;
                height: 3.33rem /* 125/37.5 */;
            img{
                width: 3.47rem /* 130/37.5 */;
                height: 3.33rem /* 125/37.5 */;
            }
            }


                
            .inFOR{
              
                padding-top: .27rem /* 10/37.5 */;
                display: inline-block;
                // padding-left: 3.6rem /* 135/37.5 */;
               
                .title{
                    h4{
                        color: black;
                        word-break: break-all;
                        font-size: .48rem /* 18/37.5 */;
                        text-overflow: ellipsis;
                        line-height: .51rem /* 19/37.5 */;
                        min-height: .8rem /* 30/37.5 */;
                        text-align: left;
                        font-weight: normal;
                       
                        span{
                            color: #ff6c00;
                        }
                     }

                     .price{
                         font-size: .64rem /* 24/37.5 */;
                         color: #fc353a;
                         i{
                             color: #fc3535;
                             font-size: .43rem /* 16/37.5 */;
                            font-style: normal;
                         }
                         em{
                             color: #fc3535;
                             font-size: .32rem /* 12/37.5 */;
                            font-style: normal;
                         }
                         del{
                             font-size: .32rem /* 12/37.5 */;
                              color: #ccc;
                         }
                     }
                }
               .down{
                   .bar-down{
                       margin-bottom: .13rem /* 5/37.5 */;
                    //    float: left;
                       display: inline-block;
                       margin-top: 5px;
                       width: 3.2rem /* 120/37.5 */;
                       border: 1px solid #fc353a;
                       border-radius: .27rem /* 10/37.5 */;
                      background-color:  #ffb7b7;
                      overflow: hidden;
                      .bar_in{
                         border-radius: .27rem /* 10/37.5 */;
                         height: .53rem /* 20/37.5 */;
                         line-height: .53rem /* 20/37.5 */;
                         font-size: .32rem /* 12/37.5 */;
                         width: 0;
                         background-color: #fc353a;
                         color: #ffffff;
                         text-align: center;
                         font-weight: bold;
                      }

                   }

                   .yiling{
                    // float: right;
                     color: #fc353a;
                     margin-left: .13rem /* 5/37.5 */;
                     font-weight: bold;
                     margin-bottom: .13rem /* 5/37.5 */;
                   }

                 .click{
                     margin-top: .27rem /* 10/37.5 */;
                     .left{
                        a{
                            float: left;
                            border: 1px dotted #fc353a;
                            height: .67rem /* 25/37.5 */;
                            color: #fc353a !important;
                            text-align: center;
                            line-height: .67rem /* 25/37.5 */;
                            width: 4rem /* 150/37.5 */;
                            cursor: pointer !important;
                        }
                     }

                     .right{
                         a{
                            display: block;
                            float: right;
                            border: 1px solid #fc353a;
                            background-color: #fc353a;
                            height: .8rem /* 30/37.5 */;
                            color: #ffffff;
                            text-align: center;
                            line-height: .8rem /* 30/37.5 */;
                            width: 2.13rem /* 80/37.5 */;
                            border-radius: .27rem /* 10/37.5 */;
                            cursor: pointer;
                         }
                     }
                 }

               }
               

            }
        
        
        }
    }
}

/*更多优惠信息*/
#moreMessage{
    background:#F4F4F4;
    height: 1.33rem /* 50/37.5 */;
    padding: .27rem /* 10/37.5 */;
    a{
        display: block;
        font: .35rem /* 13/37.5 *//.8rem /* 30/37.5 */ "";
        text-align: center;
        border-radius: .13rem /* 5/37.5 */;
        border: 1px solid #ddd;
        background: #F9F9F9;
        color: grey;
        margin:.27rem /* 10/37.5 */ 0;
    }
}


//尾部通栏
.footerTop{
    background-color:#ff9000;
    height: .93rem /* 35/37.5 */;
    padding-left: .27rem /* 10/37.5 */;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .27rem /* 10/37.5 */;
    span{
        text-align: center;
        font-size: .53rem /* 20/37.5 */;
        line-height:.93rem /* 35/37.5 */;
        color: #fff;
        font-weight: bolder;
    }
    a img{
        height: .53rem /* 20/37.5 */;
        padding : {
            right: .27rem /* 10/37.5 */;
        }
}   
    }
    